<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="robots" content="no index, no follow">
        <title>{$NEWSLETTER.var_nom_newsletter}</title>
        <style>
            body, html{ margin: 0; }
            body{ background:#011f2a; }
            #container{ background:url({$BASE_URL}/images/mail/images/back.jpg) repeat; }
            .date{  
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
                background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
                background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
                -moz-border-radius-topleft: 5px; 
                -moz-border-radius-topright: 0px; 
                -moz-border-radius-bottomright: 0px; 
                -moz-border-radius-bottomleft: 5px; 
                -webkit-border-radius: 5px 0px 0px 5px; 
                border-radius: 5px 0px 0px 5px;
            }
            .button{  
                -moz-box-shadow: inset 0px 0px 0px 2px #ffffff; 
                -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff; 
                box-shadow: inset 0px 0px 0px 2px #ffffff;
                -moz-border-radius-topleft: 5px; 
                -moz-border-radius-topright: 5px; 
                -moz-border-radius-bottomright: 0px; 
                -moz-border-radius-bottomleft: 0px; 
                -webkit-border-radius: 5px 5px 0px 0px; 
                border-radius: 5px 5px 0px 0px; 
                color:#666666; 
            }
            a.click{
                display:block;
                text-decoration:none;
                cursor:pointer;
                zoom:1;
                border:0;
                outline:none;
                color:#666666;
            }
            a.click:hover{ background: #f4f4f4; }
            a.click:hover .button{ color:#ff9900; }
        </style>
    </head>

    <body>
        <div id="container">
            <table cellpadding="0" cellspacing="0" width="880" {if ($BROWSER == FALSE)} bgcolor="#011f2a" {/if} style=" margin:0 auto; padding:80px;">
                   <tr>
                    <td>
                        <table cellpadding="0" cellspacing="0" width="800" style="margin:0 auto; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;">
                            <tr><td>
                                    <!-- IN HEADER -->
                                    <table cellpadding="0" cellspacing="0" width="803">
                                        <tr>
                                            <td colspan="2" align="center" height="24" bgcolor="#00554c" style="font-size:10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; ">
                                                {if (!$BROWSER)}<a href="{$BASE_URL}/newsletter/g7s5dd2vnjrf{$NEWSLETTER.int_id_newsletter}/%CODE%" target="_blank" style="text-decoration:underline; color:#FFFFFF;">Visualiser ce message en ligne</a>{/if}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="100" width="620" bgcolor="#009989" style="font-size:25px; padding-left:30px; text-shadow: 1px 1px 5px #00554c; color:#FFFFFF;">Le CSME,<br />Club Sportif Multisections d’Epinay-sur-Seine</td>
                                            <td bgcolor="#009989">
                                                <div class="date" style=" height:26px; margin-top:31px; background:#ffffff; color:#666666; text-shadow: -1px 1px 1px #ffffff; border-top:#999999 1px solid; border-left:#999999 1px solid; border-bottom:#333333 1px solid; font-size:14px; font-weight:bold; text-align:center; padding-top:10px ; padding-left:2px;">{$DATE}</div>
                                            </td>
                                            <td width="2">
                                                <div style=" height:26px; width:2px; margin-left:0px; border-top:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#333333 1px double; margin-top:31px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); color:#666666; font-size:14px; font-weight:bold; text-align:center; padding-top:10px ;"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"><div style="height:0px; border-top: 1px #00c0ac solid; background:#00554c;"></div></td>
                                        </tr>
                                    </table>
                                    <!-- OUT HEADER -->

                                    <!-- HEAD CONTENTS -->
                                    <table cellpadding="0" cellspacing="0" width="800" bgcolor="#fafafa" >
                                        <tr>
                                            <td colspan="4" height="28"><img src="{$BASE_URL}/images/mail/images/top_guide_newletter.gif" width="800" height="28" style="vertical-align:top;" /></td>
                                        </tr>
                                        <tr valign="top">

                                            <!-- LEFT COLUMN -->
                                            <td width="402" >
                                                <div style="background-color:#dedede;">
                                                    <div style="margin-left:30px; color:#666666; padding-top:5px;">
                                                        <div style="border-top: #c0c0c0 1px solid; border-bottom: #ececec 1px solid; height:0px; width:347px; margin-bottom:10px; "></div>
                                                        <div style="width:347px; font-size:30px; line-height:30px; padding-bottom:10px;">Bonjour,<br />%FULLNAME%</div>
                                                        <img src="{$BASE_URL}/images/mail/images/newspaper.gif" width="32" height="26" style="float:left; margin-right:11px;" /><div style="line-height:13px; color:#666666;  font-size:14px; margin-bottom:16px;">retrouvez les derniers billets<br />sportifs du csme.</div>
                                                        <div style="border-top: #c0c0c0 1px solid; border-bottom: #ececec 1px solid; height:0px; width:347px; "></div>
                                                    </div>
                                                    <img src="{$BASE_URL}/images/mail/images/guide_name.gif" width="402" height="17" border="0" style="vertical-align:top; padding-top:5px;"/>
                                                </div> 

                                                {foreach $NEWS1 as $row}
                                                <div style="height:17px;"></div>
                                                {if $row.int_id_section != 27}
                                                <a class="click" href="{$HELPER->getActualiteLink($row)}" target="_blank" style="text-decoration:none; outline:none;">
                                                    {/if}
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                    <div style="padding-left:28px; padding-top:4px; color:#666666; text-shadow: -1px 1px 0px #ffffff;">
                                                        {$GALLERIES = $HELPER->hasGalleries($row.txt_image_galleries)}
                                                        {if $GALLERIES}
                                                        <div style="width:333px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px; float:left;">{$row.var_desc_section}</div><img src="{$BASE_URL}/images/mail/images/clip_board.png" width="15" height="15" border="0" style=" float:left; margin-top:9px;"/>
                                                        {else}
                                                        <div style="width:347px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px;">{$row.var_desc_section}</div>
                                                        {/if}

                                                        <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                        <div style="width:347px; line-height:16px; font-size:16px; font-weight:bold; margin-bottom:5px; color:#666666;">{$row.var_ac_title}</div>
                                                        <p style="width:347px; font-size:13px; color:#666666; line-height:18px; margin-top:6px; margin-bottom: 15px;">
                                                            {if $row.int_id_section == 27}
                                                            {$row.txt_content_actualite}
                                                            {else}
                                                            {$HELPER->JL->shorterString($row.txt_content_actualite, 220)}
                                                            {/if}
                                                        </p>

                                                        {if $row.int_id_section != 27}
                                                        {if is_array($GALLERIES)}
                                                        {$i = 0}
                                                        {foreach $GALLERIES as $g}
                                                        {$galerie = $HELPER->getGalleryById($g)}
                                                        {if $i % 2}
                                                        <div style="clear:none; overflow:hidden;">
                                                            <div style="border-top: #E2E2E2 1px dotted; border-bottom: #ffffff 1px dotted; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:right; margin-right:24px;"/><div style="color:#666666; float: right;  font-size: 12px;  font-weight: bold;  margin-bottom: 15px;  margin-right: 10px;  padding-top: 3px;  text-align: right;  width: 315px;">{$galerie.var_title_gallery}</div>
                                                            <div style="width:218px; height:136px; float:right; padding:8px; margin-bottom: 15px; margin-right:24px;  border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/galeries/gallery-reference/{$galerie.var_image_reference}" width="218" height="136" border="0" /></div>

                                                        </div>

                                                        {else}
                                                        <div style="clear:none; overflow:hidden;">
                                                            <div style="border-top: #E2E2E2 1px dotted; border-bottom: #ffffff 1px dotted; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>

                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:left;"/><div style="font-size:12px; font-weight:bold; color:#666666; width:317px; margin-left:30px; margin-bottom:15px; padding-top:3px;">{$galerie.var_title_gallery}</div>
                                                            <div style="width:218px; height:136px; float:left; padding:8px; margin-bottom: 15px; border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/galeries/gallery-reference/{$galerie.var_image_reference}" width="218" height="136" border="0" /> </div>
                                                            {if $i == 0}<img src="{$BASE_URL}/images/mail/images/new_album.png" width="98" height="50" border="0" style="margin-top:45px; margin-left:10px;" />{/if}
                                                        </div>
                                                        {/if}
                                                        {$i = $i + 1}
                                                        {/foreach}
                                                        {/if}
                                                        <div class="button" style="width:110px; height:38px; margin-left:238px; border-left: #d9d9d9 1px solid; border-top: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; background:#f1f1f1; text-align:center; font-size:14px; "><div style="float:left; margin-left: 16px; line-height: 35px; ">lire la suite</div> 
                                                            <img src="{$BASE_URL}/images/mail/images/arrow_more.gif" width="12" height="10" border="0" style="margin-left:5px; padding-top:14px; float:left;"/></div>
                                                        {/if}
                                                    </div>
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                    {if $row.int_id_section != 27}</a>{/if}
                                                <div style="padding-top:10px;"><img src="{$BASE_URL}/images/mail/images/bottom_article.gif" width="402" height="9" border="0" /></div>                                            {/foreach} 

                                            </td>
                                            <!-- END LEFT COLUMN -->

                                            <!-- MIDDLE COLUMN -->
                                            <td bgcolor="#d9d9d9" width="1"></td>
                                            <td bgcolor="#ffffff" width="1"></td>
                                            <!-- END MIDDLE COLUMN -->

                                            <!-- RIGHT COLUMN -->
                                            <td width="396" valign="top">
                                                <a href="http://www.facebook.com/CSMEpinaysurSeine" target="_blank" style="outline:none; border:none;"><img src="{$BASE_URL}/images/mail/images/red-fb.gif" width="396" height="147" border="0" />
                                                    <img src="{$BASE_URL}/images/mail/images/bottom_red-fb.gif" width="396" height="31" border="0" style="vertical-align:bottom; padding-top:10px;" /></a>

                                                {foreach $NEWS2 as $row}
                                                <div style="height:17px;"></div>
                                                {if $row.int_id_section != 27}
                                                <a class="click" href="{$HELPER->getActualiteLink($row)}" target="_blank" style="text-decoration:none; outline:none;">
                                                    {/if}
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                    <div style="padding-left:25px; padding-top:4px; color:#666666; text-shadow: -1px 1px 0px #ffffff;">
                                                        {$GALLERIES = $HELPER->hasGalleries($row.txt_image_galleries)}
                                                        {if $GALLERIES}
                                                        <div style="width:333px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px; float:left;">{$row.var_desc_section}</div><img src="{$BASE_URL}/images/mail/images/clip_board.png" width="15" height="15" border="0" style=" float:left; margin-top:9px;"/>
                                                        {else}
                                                        <div style="width:347px; font-size:22px; line-height:30px; color:#ff9900; margin-bottom:4px;">{$row.var_desc_section}</div>
                                                        {/if}

                                                        <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                        <div style="width:347px; line-height:16px; font-size:16px; font-weight:bold; margin-bottom:5px; color:#666666;">{$row.var_ac_title}</div>
                                                        <p style="width:347px; font-size:13px; color:#666666; line-height:18px; margin-top:6px; margin-bottom: 15px;">
                                                            {if $row.int_id_section == 27}
                                                            {$row.txt_content_actualite}
                                                            {else}
                                                            {$HELPER->JL->shorterString($row.txt_content_actualite, 220)}
                                                            {/if}
                                                        </p>

                                                        {if $row.int_id_section != 27}
                                                        {$i = 0}
                                                        {if is_array($GALLERIES)}
                                                        {foreach $GALLERIES as $g}
                                                        {$galerie = $HELPER->getGalleryById($g)}
                                                        {if $i % 2}
                                                       	<div style="clear:none; overflow:hidden;">
                                                            <div style="border-top: #E2E2E2 1px dotted; border-bottom: #ffffff 1px dotted; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>

                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:left;"/><div style="font-size:12px; font-weight:bold; color:#666666; width:317px; margin-left:30px; margin-bottom:15px; padding-top:3px;">{$galerie.var_title_gallery}</div>
                                                            <div style="width:218px; height:136px; float:left; padding:8px; margin-bottom: 15px; border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/galeries/gallery-reference/{$galerie.var_image_reference}" width="218" height="136" border="0" /> </div>

                                                        </div> 
                                                        {else}
                                                        <div style="clear:none; overflow:hidden;">
                                                            <div style="border-top: #E2E2E2 1px dotted; border-bottom: #ffffff 1px dotted; height:0px; width:347px; margin-bottom:8px; clear:left;"></div>
                                                            <img src="{$BASE_URL}/images/mail/images/icon_album.gif" width="22" height="23" border="0" style="float:right; margin-right:24px;"/><div style="color:#666666; float: right;  font-size: 12px;  font-weight: bold;  margin-bottom: 15px;  margin-right: 10px;  padding-top: 3px;  text-align: right;  width: 315px;">{$galerie.var_title_gallery}</div>
                                                            <div style="width:218px; height:136px; float:right; padding:8px; margin-bottom: 15px; margin-right:24px;  border: #dddddd 1px solid; -webkit-box-shadow: inset 0px 0px 5px 0px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px 0px #e5e5e5; box-shadow: inset 0px 0px 5px 0px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; "><img src="{$BASE_URL}/galeries/gallery-reference/{$galerie.var_image_reference}" width="218" height="136" border="0" /></div>
                                                            {if $i == 0}<img src="{$BASE_URL}/images/mail/images/new_album_right.png" width="98" height="50" border="0" style="margin-top:45px; margin-left:5px;" />{/if}
                                                        </div>
                                                        {/if}
                                                        {$i = $i + 1}
                                                        {/foreach}
                                                        {/if}

                                                        <div class="button" style="width:110px; height:38px; margin-left:238px; border-left: #d9d9d9 1px solid; border-top: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; background:#f1f1f1; text-align:center; font-size:14px; "><div style="float:left; margin-left: 16px; line-height: 35px; ">lire la suite</div> 
                                                            <img src="{$BASE_URL}/images/mail/images/arrow_more.gif" width="12" height="10" border="0" style="margin-left:5px; padding-top:14px; float:left;"/></div>
                                                        {/if}
                                                    </div>
                                                    <div style="border-top: #E2E2E2 1px solid; border-bottom: #ffffff 1px solid; height:0px;"></div>
                                                    {if $row.int_id_section != 27}</a>{/if}
                                                <div style="padding-top:10px;"><img src="{$BASE_URL}/images/mail/images/bottom_article_right.gif" width="395" height="9" border="0" /></div>                                  {/foreach} 



                                            </td>
                                            <!-- END RIGHT COLUMN -->
                                        </tr>


                                        <tr>
                                            <td height="40"></td>
                                            <td bgcolor="#d9d9d9" width="1"></td>
                                            <td bgcolor="#ffffff" width="1"></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4"><div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; margin-top:20px;"></div></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" height="16"><img src="{$BASE_URL}/images/mail/images/footer_guide.gif" width="800" height="16" border="0" style="vertical-align:bottom;" /></td>
                                        </tr>
                                    </table>
                                    <!-- HEAD CONTENTS -->
                                    <!-- FOOTER IN CONTENTS -->
                                    <table cellpadding="0" cellspacing="0" width="800" bgcolor="#e8e8e8" style="-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;" >
                                        <tr>
                                            <td width="75"></td>
                                            <td height="180" valign="bottom">
                                                <div style="font-size:14px; color:#666; width:650px; text-shadow: 1px 1px 0px #f8f8f8; overflow:hidden;">
                                                    <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px; margin-bottom:20px; clear:both;"></div>
                                                    <div style=" float:left; width:380px;">CSME, Club Sportif Multisections d’Epinay-sur-Seine<br />6, avenue de Lattre de Tassigny<br />Epinay-sur-Seine, 93800 </div>
                                                    <div style=" float:right; text-align:right; padding-bottom:20px;">Tel. 01.42.35.06.42<br />E-mail : info@csme.fr<br />Site : <a href="{$BASE_URL}/">www.csme.fr</a></div>
                                                    <div style="border-top: #d9d9d9 1px solid; border-bottom: #ffffff 1px solid; height:0px;  clear:both; margin-bottom: 32px;"></div>
                                                </div>
                                            </td>
                                            <td width="75"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3" align="center"><div style=" width:350px; height:20px; font-size:10px; text-align:center; padding-top:8px;  
                                                                                border-top: 1px #828282 solid; border-left: 1px #828282 solid; border-right: 1px #828282 solid; background-color:#023f55; 
                                                                                -webkit-box-shadow: inset 0px 10px 15px 0px #012c3b; -moz-box-shadow: inset 0px 10px 15px 0px #012c3b; 
                                                                                box-shadow: inset 0px 10px 15px 0px #012c3b; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; 
                                                                                -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; 
                                                                                border-radius: 10px 10px 0px 0px; "> <a href="{$BASE_URL}/RfDHTEA9EuyRpB1xMI6DRxY80NGM5G7KsI3Utn55YukQyNtAqU44slSs2s7E23BkpsRnTT6CvPz%CODE%" target="_blank" style="text-decoration:underline; outline:none; color:#FFFFFF;">Si vous souhaitez vous désinscrire, suivez ce lien</a></div></td>
                                        </tr>

                                    </table>

                                    <!-- FOOTER OUT CONTENTS -->

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>